// 自己封装的样式
.justify-center{
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-around{
  justify-content: space-around;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.flex-items-center {
  align-items: center;
}
.flex-items-end {
  align-items: flex-end;
}
.flex-items-start {
  align-items: flex-start;
}
.flex-grow-1 {
  flex-grow: 1;
}
.flex {
  display: flex;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-row {
  flex-direction: row;
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-row-reverse {
  flex-direction: row-reverse;
}
.flex-center{
  display: flex;
  justify-content: center;
  align-items: center
}


.box-border {
  box-sizing: border-box;
}
.box-content {
  box-sizing: content-box;
}
.w-full {
  width: 100%;
}
.h-full {
  height: 100%;
}
.w-0 {
  width: 0;
}
.h-0 {
  height: 0;
}
.grow {
  flex-grow: 1;
}
.flex-grow {
  flex-grow: 1;
}
.background-size-100{
  background-size: 100% 100% !important;
}
.position-absolute {
  position: absolute;
}
.position-relative {
  position: relative;
}
.top-0 {
  top: 0;
}
.bottom-0 {
  bottom: 0;
}
.mr-10{
  margin-right: 10px;
}
.mr-20{
  margin-right: 20px;
}
.mx-30{
  margin: 0 30px;
}
.my-3{
  margin:3px 0px;
}
.my-10{
  margin:10px 0px;
}
.ml-10{
  margin-left: 10px;
}
.ml-31{
  margin-left: 31px;
}
.mt-8{
  margin-top: 8px;
}
.mt-10{
  margin-top: 10px;
}
.mt-20{
  margin-top: 20px;
}
.mt-30{
  margin-top: 30px;
}
.mb-6{
  margin-bottom: 6px;
}
.mb-10{
  margin-bottom: 10px;
}
.pl-25{
  padding-left: 25px;
}
.px-8{
  padding: 0 8px;
}
.px-10{
  padding: 0 10px;
}
.px-20{
  padding: 0 20px;
}
.px-30{
  padding: 0 30px;
}
.py-10{
  padding: 10px 0;
}
.py-4{
  padding: 4px 0;
}
.py-20{
  padding: 20px 0;
}
.pr-10{
  padding-right: 10px;
}
.pl-6{
  padding-left: 6px;
}
.pl-10{
  padding-left: 10px;
}
.pl-25{
  padding-left: 25px;
}
.pl-20{
  padding-left: 20px;
}
.pt-6{
  padding-top: 6px;
}
.pb-10{
  padding-bottom: 10px;
}
.pb-8{
  padding-bottom: 8px;
}
.pb-4{
  padding-bottom: 4px;
}